<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/resoures/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/online-class/css/public.css" />
    <link rel="stylesheet" href="/online-class/css/index.css" />
    <link rel="stylesheet" href="/online-class/css/page2-marchantlist.css" />
    <link rel="stylesheet" href="/online-class/css/page3-marchantinfo.css" />
    <link rel="stylesheet" href="/online-class/css/page4-sureorder.css" />
    <link rel="stylesheet" href="/online-class/css/page5.onlinepay.css" />
    <link rel="stylesheet" href="/online-class/css/page6-login.css" />
    <link rel="stylesheet" href="/online-class/css/page7-register.css" />
    <link rel="stylesheet" href="/online-class/css/page8-myorder.css" />
    <title>我的订单</title>
</head>

<body>
    <div class="hole-div">
        <!-- 顶部10vw -->
        <div class="top">我的订单</div>
        <!-- 订单信息 -->
        <div class="mid-top">未支付订单信息：</div>
        <!-- 中部 -->
        <div class="info">
            <!-- 商家信息 -->
            <div class="marchant">
                <div class="mleft">
                    万家饺子（软件园E18店）<i class="fa fa-angle-down"></i>
                </div>
                <div class="mright-p8">
                    <p class="t1">￥49</p>
                    <p class="t2">去支付</p>
                </div>
            </div>
            <!-- 菜品列表 -->
            <ul class="menulist">
                <li class="lleft">纯肉鲜肉（水饺）x2</li>
                <li class="lright">￥15</li>
            </ul>
            <ul class="menulist">
                <li class="lleft">玉米鲜肉（水饺）x1</li>
                <li class="lright">￥16</li>
            </ul>
            <ul class="menulist">
                <li class="lleft">配送费</li>
                <li class="lright">￥3</li>
            </ul>
            <!-- 商家信息 -->
            <div class="marchant">
                <div class="mleft">
                    小锅饭豆腐馆（全运店）<i class="fa fa-angle-down"></i>
                </div>
                <div class="mright-p8">
                    <p class="t1">￥55</p>
                    <p class="t2">去支付</p>
                </div>
            </div>
            <!-- 菜品列表 -->
            <ul class="menulist">
                <li class="lleft">纯肉鲜肉（水饺）x2</li>
                <li class="lright">￥15</li>
            </ul>
            <ul class="menulist">
                <li class="lleft">玉米鲜肉（水饺）x1</li>
                <li class="lright">￥16</li>
            </ul>
            <ul class="menulist">
                <li class="lleft">配送费</li>
                <li class="lright">￥3</li>
            </ul>
        </div>
        <div class="mb">
            <!-- 订单信息 -->
            <div class="mid-top">已支付订单信息：</div>
            <div class="okinfo">
                <!-- 商家信息 -->
                <div class="marchant mg">
                    <div class="mleft mar">
                        万家饺子（软件园E18店）<i class="fa fa-angle-down"></i>
                    </div>
                    <div class="mright" style="color: gray">￥49</div>
                </div>
                <div class="marchant mg">
                    <div class="mleft mar">
                        小锅饭豆腐馆（全运店）<i class="fa fa-angle-down"></i>
                    </div>
                    <div class="mright" style="color: gray">￥55</div>
                </div>
            </div>
        </div>
        <!-- 底部导航栏15vw -->
        <ul class="bnav">
            <li>
                <img src="/resoures/images/首页.png" alt="" />
                <p>首页</p>
            </li>
            <li>
                <img src="/resoures/images/浏览.png" alt="" />
                <p>发现</p>
            </li>
            <li>
                <img src="/resoures/images/订单.png" alt="" />
                <p>订单</p>
            </li>
            <li>
                <img src="/resoures/images/我的.png" alt="" />
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>

</html>